<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.wrapper {
    width: 100%;
}

.wrapper img {
    border: none !important;
}

.clear {
    clear: both;
}

.wrapper-mobile img {
    margin-bottom: 15px;
}

/********** 03. PRODUCT LIST **********/

.products {
    margin-bottom: -30px;
}

.product-list {
    width: 900px;
    padding: 15px 10px 15px 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    /*min-height: 185px;*/
    box-shadow: 1px 1px 2px #ccc;
    margin-top: 25px;
}

.mobile-menu-container {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 1px 1px 2px #ccc;
    margin-bottom: 25px;
}

.mobile-menu-container h1 {
    color: #003343;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 10px 10px;
}


.block {
    margin-bottom: 20px;
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.block-break {
    margin-bottom: 20px;
}

.product-list .list-col {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.product-list-mobile .list-col {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}


.product-list h1 {
    color: #003343;
    margin-bottom: 15px;
    display: block;
}

.block h2, .block-break h2 {
    font-size: 13px;
    color: #003343;
    margin-bottom: 10px;
    display: block;
}

.block img, .block-break img {
    margin-right: 5px;
}

.block a, .block-break a {
    position: relative;
    top: -3px;
}

.block span, .bg .block a, .block-break span {
    display: block;
    margin-bottom: 5px;
}

strong.new:after {
    content: "New";
    font-size: 9px;
    color: #fff;
    margin-left: 5px;
    padding: 2px 4px;
    background-color: #dd3333;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #ccc;
}

strong.preorder:after {
    content: "Preorder";
    font-size: 9px;
    color: #fff;
    margin-left: 5px;
    padding: 2px 4px;
    background-color: #007619;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #ccc;
}

strong.special:after {
    content: "Sale!";
    font-size: 9px;
    color: #fff;
    margin-left: 5px;
    padding: 2px 4px;
    background-color: #00708f;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #ccc;
}

.block strong:after, .block-break strong:after { position: relative; top: -4px; }
</pre></body></html>